<template>
 <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item>欢迎来到电影的世界</el-breadcrumb-item>
    </el-breadcrumb>
    <Lunbo/>
    <Shizhong/>
    <Rili/>
 </div>
</template>

<script>
import Shizhong from "@/components/shizhong.vue"
import Rili from "@/components/rili.vue"
import Lunbo from "@/components/lunbo.vue"

export default {
     components:{
        Shizhong,
        Rili,
        Lunbo
  },
}
</script>

<style lang="scss" scoped>
::v-deep .events-wrapper{
  display: none;
}
::v-deep .el-breadcrumb__inner{
    color: rgb(240, 124, 124) !important;
  }
.el-breadcrumb{
  font-size: 30px;
}

.time{
  position: absolute;
  top: 0;
  right: 100px;
}
::v-deep .__vev_calendar-wrapper{
    position: absolute;
    top: 100px;
    right: -600px;
    .cal-body{
      background:url("../../assets/images/timg4.jpg") no-repeat;
      background-size: 100% 100%;
      .item{
      color:white;
      font-size: 20px ;
    };
    .date-num{
      font-size: 18px !important;
    }
    }
    
}
::v-deep .block{
  margin-top: 20px;
  width: 800px;
  height: 550px !important;
  .el-carousel__container{
    height: 550px !important;
  }
}
</style>